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(54) Layout of node-link structure in space with negative curvature 



(57) A node-link structure is laid out in a space with 
negative curvature, such as the hyperbolic plane. 
Nearby relationship data are obtained for an element in 
the structure, indicating information about nearby node- 
link relationships; then layout data for the element are 
obtained, based on the nearby relationship data. The 
layout data indicate the element's position relative to a 
parent in the negatively curved space. The layout data 
can indicate a position displacement and an angle dis- 
placement between the parent and the element. The 
nearby relationship data can be obtained by counting 
grandchildren of the parent for each child of the parent 
that is in a set that are being or have been laid out. The 
counts can be used to obtain a radius and an angle for 
each child in the set, and the radii and angles can be 
used to obtain the position displacement and angle dis- 
placement. The nearby node-link relationships can thus 
include only relationships among the parent and its chil- 
dren and grandchildren. 
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Description 

[0001 ] The invention relates to laying out a node-link structure in a space with negative curvature such as hyperbolic 
space. 

[0002] Lamping, J. and Rao, R.. "The Hyperbolic Browser: A Focus+Context Technique for Visualizing Large Hierar- 
chies , Journal of Visual Languages and Computing. Vol. 7, 1996, pp. 33-55, disclose techniques for laying out a hier- 
archy on a hyperbolic plane such that distance between parent and child and between siblings is approximately the 
same everywhere. A recursive algorithm lays out each node based, on local information, allocating a wedge of the 
hyperbolic plane for the node's descendants. The algorithm places all the children along an arc in the wedge at an 
equal distance from the parent node, and at least a minimum distance apart from each other. The layout of a node 
depends only on the layout of its parent and on the node structure of two or three generations starting from the parent 
Therefore, the layout can be done incrementally, such as by initially laying out the nodes nearest the root and by then 
adding more nodes as more of the structure is traversed. Lamping et al.. US-A-5.590.250. disclose similar layout tech- 
niques m which each node has a data structure that includes its position and radius and. if it has children a link to a list 
of children; complex numbers are used to represent positions in the hyperbolic plane. 

[0003] Munzner. T. and Burchard. P., "Visualizing the Structure of the World Wide Web in 3D Hyperbolic Space" in 
Proceedings of the VRML '95 Symposium (San Diego, CA, December 13-16, 1995). ACM SIGGRAPH 1995 pages 
33-38. disclose techniques for layout of a graph in the hyperbolic plane that can be used with directed graphs with 
cycles. The hyperbolic length of an edge connecting two nodes is obtained using hyperbolic functions and the angles 
between edges incident on the two nodes. Directed graphs with cycles can be embedded in hyperbolic manifolds- 
lESS? "J? ° an ^ around and close U P on themselves, or in standard hyperbolic space by filling in bacWink edges 
[0004] Matsuura T. Taniguchi, K.. Masuda. S.. and Nakamura. T. "A Graph Editor for Large Trees with Browsing and 
Zooming Capabilities . Systems and Computers in Japan. Vol. 24, No. 8. 1993, pp. 35-46. disclose a library program 
which allows direct manipulation of a large tree on a display. When a node or subtree is added or deleted thedata 
structure is updated; the layout for each node is calculated based on the graph layout algorithm, and each node and 
edge is redrawn. The layout algorithm determines, for each non-root node, a relative position value that is the difference 
between the node's x-coordinate and its parent's x-coordinate. The y-coordinate. on the other hand is determined by 
the level of the node, and therefore is determined when the coordinates of the root node are specified When a part of 
the tree is deleted or a subtree is added, ancestors are traced to update the layout. 

[0005] The invention addresses problems in laying out node-link structures in a space with negative curvature such 

as hyperbolic space. 

[0006] With the techniques described by Lamping and Rao and with other conventional techniques for negative cur- 
vature layout, if a structure changes after it is displayed, a new layout must typically be done for at least a large part of 
he structure as changed and then it must be redisplayed. Performing layout on a large structure is slow. and. when 
taken together with redisplay, may prevent a user from effectively interacting with the changed structure. Although these 
problems are especially acute for changing structures, they also arise when operations are performed that require fre- 
quent layout of a static structure or of parts of a static structure. 

[MOT] The layout techniques for static structures described by Lamping and Rao have certain characteristics that 
mandate layout of at least a large part of the structure. The layout techniques for static structures make decisions at 
each node that depend on layout decisions higher in the tree and at its sibling nodes; as a result, adding or deleting a 
child of a node mandates that the layout be redone for all descendants of the node and of any of its siblings. Also the 
ayout techniques for static structures save only the node's position in the hyperbolic plane; any change in the structure 
r™? U t 96 3 P ° Sition ret ' uires gating the layout of its siblings and all of its descendants 
[0008] The invention alleviates problems resulting from layout of large structures by providing techniques that make 
it possible to perform local layout of a node-link structure in a space with negative curvature such as hyperbolic space 
or the hyperbolic plane. The techniques obtain nearby relationship data for an element, indicating information about 
nearby node-link relat.onsh.ps. Then the techniques use the nearby relationship data to obtain layout data indicating the 
element s position relative to a parent in the space with negative curvature. 

[0009] If the element and the parent are nodes, for example, the layout data can include position displacement data 
indicating a distance between the parent's position and the element's position and angle displacement data indicating 
an angular drfference between an incoming link to the parent and the outgoing link from the parent to the element In 
an espeoaHy elegant implementation, the layout data include only the position displacement data and the angle dis- 
placement data. * 

[ ° 010 ' 7!)® neart3 y relationship data can be obtained by obtaining, for each of a set of children of the parent a count 
of grandchildren of the parent. The set of children of the parent includes the element and can also include other children 
that are being or have been laid out in the negatively curved space. The counts of grandchildren can be used to obtain 
a radius and an angle for each of the set of children. The radii and angles can then be used to obtain a position dis- 
placement and an angle displacement between the parent and the element. The angle displacement can be compared 
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with a previous angle displacement to determine whether to lay out children of the element. 

[001 1 ] The nearby node-link relationships can include only relationships among the parent and the parent's children 
and grandchildren. 

[001 2] The new techniques can be implemented iteratively. with each iteration identifying elements to be laid out and, 
s for each identif ied element, obtaining nearby relationship data and layout data. For example, if a series of iterations is 
performed in response to an insertion or deletion event, the identified elements can include elements affected by the 
insertion or deletion. The identified elements for each iteration can also include elements added to the structure during 
a preceding iteration. Before the series, a weight can be obtained for each iteration, for use in obtaining layout data dur- 
ing the iteration. 

io [001 3] The new techniques are advantageous in laying out a dynamic node-link structure because when an element 
is deleted or inserted only a few nearby elements need to be laid out again. The techniques also obtain an element's 
position relative to a parent rather than an absolute position, making it possible to change the position of an element 
and all its descendants by making a single change or a small constant number of localized changes in the data struc- 

15 [0014] The new techniques are also advantageous because they can be used in a variety of situations in which it is 
desirable to lay out part of a node-link structure. Thus, the new techniques are not only applicable to a dynamic node- 
link structure but also to a static structure that can only be laid out and displayed in fragments because not all of the 
structure is available in memory. The techniques are especially advantageous for laying out a tree that is a partial rep- 
resentation of a directed graph in which nodes have multiple in-links-a shared branch of such a tree need only be com- 

20 pletely laid out once for all of its occurrences, since only the relative position of the uppermost elements will differ 
between occurrences. 

[001 5] The techniques are also advantageous for animation of a change involving only part of a structure. For exam- 
ple if insertions or deletions are made in a structure, it may be desirable to animate the transition in a way that only 
changes positions of elements that are near the insertion or deletion. The techniques make it possible to rapidly perform 
a series of layouts, one for each animation step, in which only the positions of elements near insertions or deletions are 
changed As a result, animation performance improves and a simpler animation algorithm can be used. The algorithm 
can continuously change only a small number of variables, such as an angle and radius for each node that is near an 
insertion or a deletion. " 

[001 61 Another advantage is that the new techniques provide layouts from which a display can be generated starting 
at any arbitrary element, rather than always starting at the root node or at the bottom leaves of a structure as in con- 
ventional techniques. 

[0017] Yet another advantage is that an element's position relative to its parent can always be expressed with ade- 
quate precision. In contrast, if an element's absolute position in a hyperbolic plane is used, a large structure could 
exhaust the available floating point numbers. 

Fig. 1 is a schematic flow diagram showing how local relative layout can be performed for an element in a node-link 

structure. . 

Fig 2 is a flow chart showing general acts in performing local relative layout as illustrated in Fig. 1 . 

Fig. 3 is a schematic diagram showing general components of a machine that performs relative local layout as illus- 

40 trated in Fig. 1. 

Fig. 4 is a schematic diagram of a system. 

Fig. 5 is a flow chart showing how the system of Fig. 4 can respond to events by presenting representations of a 
directed graph. 

Fig. 6 is a flow chart showing how initial layout can be performed in Fig. 5. 
45 Fig. 7 is a flow chart showing how layout of a changed node-link structure can be performed in Fig. 5. 

A. Conceptual Framework 

[0018] The following conceptual framework, when taken with the conceptual frameworks set forth in U.S. Patents 
so 5,590.250 and 5.619,632, is helpful in understanding the broad scope of the invention, and the terms defined below 
have the indicated meanings throughout this application, including the claims. 

[0019] A "node-link structure" is a structure that includes items that can be distinguished into nodes and links, with 
each link relating two or more of the nodes. A "graph" is a node-link structure in which each link relates two nodes. A 
"directed graph" is a graph in which each link indicates direction between the nodes it relates, with one node being a 
55 source or "from-node" of the link and the other being a destination or "to-node" of the link. An "acyclic directed graph- 
is a directed graph in which the links, when followed in their indicated directions, do not provide a path from any node 
" back to itself. A "tree" is an acyclic directed graph with exactly one root node such that, for any non-root node in the tree, 
the links when followed in their indicated directions, provide only one path that begins at the root node and leads to the 
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non-root node. 

[0020] The "elements" of a node-link structure are its nodes and links 

I°nH 2 , 1l J^ a ii nOCle - |ink structure ' a ""ode-link relationship" is a relationship between elements based on paths of nodes" 
and links between or among the elements. 

5 ES? - n , many cases ' ^-link relationships can be summarized by category. In a directed graph, for example the 

> H- en ^ ^ 6leme o are the e ' ementS that be reached from the dement by following no more than one l^ in 
.ts indicated d.rection. Similarly, the "parents" of an element are the elements that can be reached from the element by 
foltowing no more than one link opposite its indicated direction. Children and parents of a node thus include links and 

ro d£ >iZ T T t * 3 ' ink inClUde ° n ' y n0d6S - 1116 " descenda nts" of an e.ement include all of its chil- 

J? - °- J ( 9randchi,dren ">- "ancestors" of an element include all of its parents, the par- 

ents of its parents ( grandparents"), etc. The "siblings" of an element include all the other children of its parents ?ne 
co-parents" of an element include all the other parents of its children. 

[0023] More generally, it is useful to distinguish node-link relationships based on shortest path lengths between ele- 
ments. where path .length is measured by the number of elements in the path. In a directed graph, for iSSSTSdli 
a nn a ^H tJ ? ' atl0nships W0M be with ite incomi "9 ^ outgoing links; then with other nodes thatare 'its parent 
and children nodes; then w.th other incoming and outgoing links of its parent and children nodes; then with other nodes 
that are its grandparents, siblings, grandchildren, and co-parents; and so forth. A set of "nearby" node-link retatLsWps 
of an element ,. a set of relationships in which all the shortest path lengths between elements meet an approp S *J 
tenon for nearness, such as that all are shorter than a relatively short maximum length such as 2. 3. or 4 An examo e 
^^^^ node-.ink relationships is the group of relationships among an element's parent, the parenfs 
children (including the element), and the parent's grandchildren. 

[0024] An item of data "identifies" an element in a node-link structure if the item of data provides sufficient information 
tem T!TrTT m Z ir ° m otne : e,ements in the ^dure. example, an item of data identifies an element 
25 flSsi T?pTrm! ^ ^ ^ * e ' ement rather *™ t0 access data relatin 9 to other elements. 

SwhS S„ **" ^ I™?™ ^ relat&d meanin9S as f0,lows: A " s P ace " is a ■* <* "Posrtions" over any 
pair of wh.ch a distance measure for the space can be applied to obtain a distance between the pair of positions Exam- 
ples of types of spaces mclude oneKJimensional spaces such as lines or rays; other n-dimensional spaces- continuous 
spaces; discrete approximations of continuous spaces; and so forth. 

™ l°°? 6] , A " P ' a J nar mit di5k " ° r " mit disk ' is a two-dimensional Euclidean space bounded by a circular perimeter with 
Sn^^ST?* ? e S ** ,:° SS ? th6 Cent6r ° f Perimeter " and Wrth a radius al °" 9 eacS ffom^he 
eacL bltvle J ^l aS-i * * ** ^ b * UniqU6 ' y ied by *~ coordinates. 

[0027] A "space with negative curvature" is a space in which parallel lines diverge. Therefore/through any position in 
35 oiSn^ItS a? CUrvat , ure f that is not on a 9 iven «*»"8ht line, there are multiple other straight lines parallel to the 
35 given straight line. An example of a space wrth negative curvature is hyperbolic n-space. A "hyperbolic plane" is a hyper- 

DOI I C 2~SpdC6. 

ol 27 ^ "' ay ^ OUt ? StrUCtUre in 8 SP8Ce * the ° perati0n 0btains data indicatin 9 P° siti °ns in the space for 

HZ2 1 ? « J 6 TT*< ,S "' aid OUt " in 4,16 SpaCe * data indicatin9 such P^ 0 " 8 in *™ s P ace Ss been 
obtained. The data could indicate absolute positions, such as with coordinate values measuring displacements from a 

40 set of universal references such as a coordinate origin, or the data could indicate relative positions such as w«h ^oor 
fZoi V3 rff m l aSUnn9 dis P |acemente ,rom a ^t of references based on the position of another element 

, J2f? a " TT" 1 ' 5 " POSiti ° n r6lative to 3 parent " if tne <*»* indicate one or m ore displacements that 

can be used to obtain an absolute position of the element from the absolute position of the parent. For example a set 
of displacements that define a vector from a parent's position to an element's position indite the e°emen7s posltS 
noS Ve h ^ ent ; EXamP,6S ° f tyP6S ° f displacemente includ * Portion displacements indicating distanced 
KST . t h !" 9 C °° rd,nate 3X68 ° r th6 f0rm ° f a ma 9nitude, and angle displacements indicating angle drf- 
nnTm '/ as between , an mcom ^ to a parent and an outgoing link from the parent to the element 

I^oIn^ 

50 A !"? d , he K re L n '. 3 "? ri6S ° f iS 3 Seri6S ° f °P erati ons that can be divided into two or more consecu- 

a Whfr^ 'I 7 d 40 h6rein 38 an iterati0a A,thOU9h iterations in a series differ Significantly, each 

2rh Jp™ we ! ? ^ ? P,Ca " y USe Start ' n9 data pr0duC6d by the precedin9 iteration t° obtain ending data. Typically, 
each iteration s ending data can .n turn be used by the following iteration as its starting data 

55 in f Srt of^nX 'iTnff ^ * "t* t0 mean 3 si9na ' tnat indicates that user has Qreater interest 
55 ,n a part of a node-link structure than .n other parts. For example, an "expand signal" indicates a request to present a 

S!c a ? ^ the re P resentation of an element of the graph is expanded, while a "contract signal" 

^ , PreSe ? t ! representation of a ara P h in which the representation of an element of the graph is con- 
tracted. Other examples include requests to present a part of the node-link structure at a specific position, which can 
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be done by selecting a bookmark or the-like or by a point aricTclick operation requesting that a feature pointed to_be 
moved to a center of focus. — - 

[0033] A signal "requests a change" in a node-link structure if the signal requests a change in one or more elements 
of the structure, such as an insertion or deletion of one or more elements or an operation such as moving or copying 

5 that can be implemented by a combination of insertions and deletions. 

[0034] A "processor" is a component of circuitry that responds to input signals by performing processing operations 
on data and by providing output signals. The input signals may, for example, include instructions, although not all proc- 
essors receive instructions. The input signals to a processor may include input data for the processor's operations. The 
output signals similarly may include output data resulting from the processor's operations. 

10 [0035] A "network" is a combination of circuitry through which a connection for transfer of data can be established 
between machines. 

B. General Features 

is [0036] Figs. 1 -3 show general features of the invention. 

[0037] Fig. 1 illustrates how an element in node-link structure 10 can be laid out in a space with negative curvature. 
As illustrated by the dashed line to box 20, an element in node-link structure 10, illustratively node 22, has several 
nearby node-link relationships. As shown in box 20, nearby node-link relationships can, for example, include relation- 
ships resulting from a link to node 22 from parent node 24, links from parent node 24 to sibling nodes 26 through 28, 

20 and links from node 22 to children nodes 30 through 32. 

[0038] As illustrated by the solid line from node-link structure 1 0 and by the dashed line from box 20, nearby relation- 
ship data 40 is obtained, indicating information about nearby node-link relationships of node 22. Then, layout data 42 
for node 22 can be obtained based on nearby relationship data 40. Other information about node-link structure 10 could 
also be used in obtaining layout data 42, but such other information should preferably not include information about dis- 

25 tarrt node-link relationships, to ensure that node 22 only needs to be laid out again when nearby node-link relationships 
are modified. 

[0039] Layout data 42 may indicate various information about node 22 and its position in a space with negative cur- 
vature, including at least a position of node 22 relative to parent node 24. For example, as shown in box 44, layout data 
42 can indicate a vector D indicating the distance and direction in the negatively curved space from parent node 24 to 
30 node 22. Just as position of a child can be defined relative to a parent's position, the direction from parent to child can 
be defined relative to the direction from grandparent to parent (or, if the parent is the root, relative to an initial direction). 
The vector D can thus indicate the position displacement from the parent and the angle displacement from the grand- 
parent to parent direction. 

[0040] In Fig. 2, the act in box 1 00 begins by obtaining nearby relationship data for an element in a node-link structure, 
35 indicating information about nearby node-link relationships of the element. As indicated by the inner dashed line around 
box 100, nearby relationship data can be obtained for each of a set of elements. 

[0041 ] Based on the nearby relationship data obtained in box 1 00, the act in box 1 02 then obtains layout data indicat- 
ing an element's position relative to a parent in the negatively curved space. As indicated by the inner dashed line 
around box 102, layout data can similarly be obtained for each of a set of elements for which nearby relationship data 

40 was obtained in box 100. As indicated by the outer dashed line around boxes 1 00 and 1 02, nearby relationship data can 
be obtained for another element or for another set of elements after obtaining an element's layout data. 
[0042] Machine 150 in Fig. 3 includes processor 152 connected for receiving data indicating user signals from user 
input circuitry 1 54 and for providing data defining images to display 156. Processor 1 52 is also connected for accessing 
node-link data 158, which define at least part of a node-link structure. Processor 152 is also connected for receiving 

45 instruction data 160 indicating instructions through instruction input circuitry 162, which can illustratively provide 
instructions received from connections to memory 164, storage medium access device 166, or network 168. 
[0043] In executing the instructions indicated by instruction data 1 60, processor 1 52 obtains nearby relationship data 
for an element, indicating information about nearby node-link relationships of the element. Processor 152 can access 
node-link data 158 to obtain information about node-link relationships. Then, based on the nearby relationship data, 

so processor 152 obtains layout data indicating the element's position relative to a parent in a space with negative curva- 
ture. 

[0044] As noted above, Fig. 3 illustrates three possible sources from which instruction input circuitry 1 62 could receive 
data indicating instructions-memory 164, storage medium access device 166, and network 168. 
[0045] Memory 1 64 could be any conventional memory within machine 1 50, including random access memory (RAM) 
55 or read-only memory (ROM), or could be a peripheral or remote memory device of any kind. More generally, memory 
164 could be a combination of more than one type of memory component. 

[0046] Storage medium access device 166 could be a drive or other appropriate device or circuitry for accessing stor- 
age medium 1 70, which could, for example, be a magnetic medium such as a set of one or more tapes, diskettes, or 



5 



floppy disks; an optical medium such as a set of one or more CD-ROMsf or any other appropriate medium for storing- 
data. Storage medium 170 could be a part of machine 150, a part of a server or other peripheral or remote memory- 
device, or a software product. In each of these cases, storage medium 1 70 is an article of manufacture that can be used 
by machine 150. Data units can be positioned on storage medium 170 so that storage medium access device 166 can 

5 access the data units and provide them in a sequence to processor 1 52 through instruction input circuitry 162. When 
provided in the sequence, the data units form instruction data 1 60, indicating instructions as illustrated. 
[0047] Network 168 can provide instruction data 160 received from machine 180. Processor 182 in machine 180 can 
establish a connection with processor 152 over network 168 through network connection circuitry 184 and instruction 
input circuitry 162. Either processor could initiate the connection, and the connection could be established by any 

10 appropriate protocol. Then processor 1 82 can access instruction data stored in memory 1 86 and transfer the instruction 
data over network 168 to processor 152 so that processor 152 can receive instruction data 160 from network 168. 
Instruction data 160 can then be stored in memory 164 or elsewhere by processor 152, and can be executed. 

C. Implementation 

15 

[0048] The general features described above could be implemented in numerous ways on various machines to 
* present node-link representations. An implementation described below has been implemented on a PC-based system 
running the 32 bit versions of Microsoft Windows and executing code compiled from C++ language source code. 

20 C.1. System 



[0049] In Fig. 4, system 200 includes PC processor 202, which is connected to display 204 for presenting images and 
to keyboard 206 and mouse 208 for providing signals from a user. PC processor 202 is also connected so that it can 
access memory 210 and client 212. Memory 210 can illustratively include program memory 214 and data memory 216. 
25 Client 21 2 is a source of information about a directed graph, which could be a combination of routines and data stored 
in memory 210 or could be independent of memory 210 as shown. For example, processor 202 could communicate 
with client 212 through a network. 

[0050] The routines stored in program memory 21 4 can be grouped into several functions. Grapher routines 220 cre- 
ate and modify a data structure representing the directed graph defined by the information from client 212. Walker rou- 
30 tines 222 respond to navigation signals and other user signals from keyboard 206 and mouse 208 by obtaining 
information from the directed graph data structure. Painter routines 224 provide signals to display 204 to cause it to 
present representations of the directed graph data structure. Math routines 226 can be called to obtain positions of ele- 
ments of the directed graph in a layout space. 

[0051] Data memory 216 in turn contains data structures accessed by processor 202 during execution of routines in 
35 program memory 214. Directed graph data structure 230, as noted above, can be created and modified by grapher rou- 
tines 220 and can also be accessed by walker routines 222 and painter routines 224. 

[0052] Node position data 232, which can be linked to or included within directed graph data structure 230, can 
include positions of nodes in a negatively curved space such as a hyperbolic plane and in a rendering space such as a 
two-dimensional unit disk. Node position data 232 can be accessed by routines in program memory 214. 
40 [0053] The routines in program memory 214 can also access various miscellaneous data structures 234. Data struc- 
tures 234 may, for example, include an extra data structure for mapping from a pair of node IDs to a link ID, implemented 
as a standard heap; this extra data structure allows lookup and insertion of a link ID in constant expected time. 

C.2. Responding to Events 

45 

[0054] Fig. 5 shows how the system of Fig. 4 can respond to events by presenting representations of a graph. 
[0055] In box 300, client 21 2 begins by obtaining a starting graph and by loading an initial set of elements into mem- 
ory, such as through calls to create nodes. Expansion flags define a tree within the initial set of elements. Client 212 
also makes appropriate calls to routines in memory 21 4 for layout of the tree in a hyperbolic plane, for mapping the tree 
so from the hyperbolic plane to a unit disk with the root node at the disk center, for painting the mapped tree, and for pres- 
entation of the painted version on display 204 by swapping a double buffer, all in box 300. 

[0056] In box 302, client 21 2 receives an event relating to the graph. The event could result from a navigation signal, 
an editing signal, or another type of signal from a user. Alternatively, the event could be received from another source,' 
either within or external to system 200. In either case, the event could take the form of a call from within client 212, from 
55 one of the routines in memory 214, or from other instructions executed by processor 202. A series of received events 
could be held in a queue, so that box 302 could involve popping an event from a queue. 

[0057] In response to the event received in box 302, client 212 initiates an appropriate response by making one or 
more calls to routines in memory 214. As indicated by box 304, the response depends on the type of event, so that a 
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branch is taken based on the event. 

[0058] The event may be a non-animated event, such as an orientation shift event, a stretch event, or a dragging 
event An orientation event can result when the user indicates a new orientation for the root node. A stretch event can 
result when the user indicates a new stretch factor for the displayed representation. A dragging event, for example, can 
s result when the user selects a position within the representation, such as by a mouse down click, and requests that it 
be moved by an appropriate gesture or other signal. 

[0059] Client 212 begins the response to a non-animated event in box 310 by obtaining any information needed for 
responding to the event. For an orientation event, the information obtained in box 310 can include the new orientation. 
For a stretch event, the information obtained in box 310 can include the new stretch factor. 

io. [0060] For a dragging event, obtaining information in box 310 is somewhat more complicated. Client 212 could obtain 
a node identifier (node ID) of the node nearest the selected position and could also obtain information about the 
requested motion. These items of information could be obtained in much the same way as illustrated by the function 
find-nearest-node described at cols. 71-72 and as described in relation to Fig. 1.4 of U.S. Patent 5.590,250. 
[0061] When client 212 has obtained the necessary information in box 310, it can conclude with appropriate calls to 

15 walker routines 222 and painter routines 224 for layout, mapping, and painting. For an orientation event, the root node 
must be laid out at the new orientation. For a stretch event or a dragging event, layout is not needed. For a stretch event, 
the call to walker routines 222 must, however, include the new stretch factor, for use in mapping. Similarly, for a dragging 
event, the call to walker routines 222 must include the node ID of the nearest node and the next position along the path 
of motion, for use in mapping. 

20 [0062] In box 312, walker routines 222 could first perform any necessary layouts in the hyperbolic plane, and could 
also lay out any pending edits of the tree. Then, in box 314, walker routines 222 could map the tree into the unit disk, 
beginning with a starting node at a starting position. For example, in response to a dragging event, the starting node 
could be the nearest node identified in box 310 and the starting position could be the next position along the path of 
motion. The starting node and starting position previously used for mapping could be used in response to an orientation 

25 or stretch event. . , 

[0063] When the tree has been mapped, painter routines 224 can be called to paint the mapped tree in a display 
buffer, in box 316. During painting, painter routines 224 can mark new edits that occur in the tree as a result of node 
creation. Each edit can be marked by setting a flag or storing other appropriate data. When painting is completed, a 
swap of display buffers can be performed to present the tree as painted, thus providing a representation of the graph. 

30 [0064] As noted above, these events are currently implemented as non-animated events. In response to an orienta- 
tion event the representation pivots to the new orientation, typically around the node at the focus of the display region. 
Similarly, in response to a stretch event, the representation expands or contracts radially, typically around the node at 
the focus. In response to a dragging event, the representation moves at a rate determined by the input signal. Client 
212 could however, provide an animated response to an orientation event, a stretch event, or a dragging event by con- 

35 verting the requested change into an equivalent sequence of smaller events, and issuing a series of calls in box 31 0, 
one call for each of the smaller events. 

[0065] Fig 5 also illustrates responses to two different types of events which are always treated as animated in the 
current implementation. The first type is a bookmark or click event, in response to which one node's position is moved 
during an animated sequence and other elements move to accommodate the one node's movement. The second type 

40 is an insert/delete event, in response to which one node remains stable during an animated sequence in which some 
elements are contracted, others are expanded, and still others move to accommodate the contractions and expansions. 
[0066] A bookmark or click event could result when the user selects an item in a menu or other collection of book- 
marks or selects a position within the representation with a mouse down-up click. In response to an event of this type, 
client 212 obtains a node ID and a destination position in the unit disk. In the case of a bookmark event, the node ID 

45 and destination position are previously stored and can be retrieved from memory. In the case of a click event, client 21 2 
could obtain a node ID of the node nearest the selected position in much the same way as the function find-nearest- 
node described at cols. 71-72 of U.S. Patent 5,590,250, and the destination could be a default position, such as the 
center of the unit disk. . . ... ,. 

[0067] In box 320, client 212 could call walker routines 222 with the node ID and destination position. Walker routines 

so 222 can respond by performing an animation loop to present a sequence of representations in which the node moves 
from its previous position to the destination position. In box 320, walker routines 222 begin by setting up a sequence of 
node/position pairs, each including the node ID and a position in the unit disk. The positions can be obtained by obtain- 
ing a total translation from the previous position to the destination position, then obtaining and repeatedly composing 
an nth root of the total translation with a current translation as described in relation to boxes 470. 472, and 482 in Fig. 

55 12 of U S Patent 5,61 9,632. The number of node/position pairs can be large enough to ensure a smooth animation 
from the previous position to the destination position, with features representing elements of the structure maintaining 
' object constancy during the animation. As an alternative to the nth root approach, the positions could be obtained by 
selecting an appropriate number of points along an appropriately chosen arc in the hyperbolic plane from the previous 
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posrt on to the dest.nat.on pos,t.on. The arc eould be chosen to compromise between a straight line, which can appear-- 
unnatural. and the arc the node would have taken in the nth root method, which can require an excessive number-^ 
an.mat.on steps to appear smooth. The number of points could be chosen to ensure satisfactory animation 
KSJoJ? obtainin9 Positions in box 320, orientation can be preserved as described in relation to Fig. 15 of U S Patent 
ttn n< I , " COr , porated 4 her l n bv reference. Alternatively, transformations or rotations can be chosen so that the posi- 
noL In ^' CU af P ?r ° n thS b ° Undary 01 the mit Circle is P res erved. The point chosen could, for example, be the 
ESZl? f.. C ', r , 1 6 0pP ° Slte direction from Redirection in which the children of the root were laid out 
[0069] Walker routines 222 then perform an iteration of the animation loop for each node/position' pair in the 

o oMh T bW K 3 ?" b ° X 324> Wa ' ker roUtineS 222 COuld f irst lav out in the hyperbolic plane any pend- 

2,^?.2^?J!r!i 88 "J I 6 re ' ati0n t0 b ° X 312 - Then ' in b0x 326 ' walker routines 222 c °" ld map the tree 
.rrto the unrt d.sk, beg.nn.ng with the node and position from the next node/position pair as the starting node and the 
starting position, as described above in relation to box 314. » waning noae ano me 

[0070] When i the .tree has been mapped, painter routines 224 can be called to paint the mapped tree in a display 
buffer. ,n box 328. Dur.ng painting, painter routines 224 can mark new edits that occur in the tree as a result olTode 
- creation as deserted above m relation to box 316. When painting is completed, a swap of display buffers can be per- 
formed to present the tree as painted, thus providing a representation of the graph 

in °box3 2 4 *Z 3 Z.r!ni S ^fJ" b ° X 328 b/ P3inter r ° UtineS 224 ' " ew •* is laid out duri "9 ^e next iteration, 
n US ftle?s iSSp h Mq . U8n ? °, f representations - ra ther than showing a static node-link structure as 

in U.S. Patent 5,629.632, shows a dynamic node-link structure. The edits, however, serve primarily to add features rep- 

SSSr^.^H^°T P6rim6ter ° f representation as the representation makL the transition Z 
the previous .position to the destination posrtion. As a result, the added features do not interfere with or reduce the per- 
ception of object constancy for features representing other elements. 

[0072] An insert/delete event could result when the user requests expansion or contraction of a node or requests 
some other modrf.cat.on of the graph or the tree. An insert/delete event could also be received in the form of a call, and 
could thus prov.de a mechanism for automatic modification of the graph or tree without concurrent human control 

Sin^ffh 0 "^ 3n WW !i 0f *** tyP6, C,ient 212 can first make appropriate calls to routines in memory 214 to 
determine whether the requested modification of the graph or tree is acceptable in box 330 

[0074] If the requested modification of the graph or tree is acceptable, client 21 2 can modify the graph or tree accord- 

2f«^2E ^ r °H Ut ! n fi in m t m ° ry 214 35 neCeSSar/ ** process of makin 9 the medication, each element 
J ^' • ° f Chan9ed b/ th6 modtfication ' r^rred to herein as an affected element", is marked 

such as by setting a flag or storing other appropriate data. If a node is selected by an expand signal or a contract signal 
.ts parent ,s also an affected node, because the area allocated to the parent may change. For most other iieVt/dS 
events only nodes that are inserted or deleted are affected. Cient 21 2 can then select a node as a stable node to be 
held at its previous position during animated presentation of the modification 

n° o 0 h!L lT any CaS6S ' thestartin 9 node "sed previously in mapping can be selected as the stable node, and it can 
be held at the previous starting position. In other cases, it may be desirable for client 212 to select a different stable 
w k U eX ! mP ' 3 * 31 iS bei " 9 ex P ande d could be selected as the stable node, to be held at its current position 

^inl^°T!f 1? Startin9 POSiti ° n - Therefore ' un,ess client 212 se,ects a Afferent stable node, the previous 
starting node and starting position are usually retained. But where the previous starting node is being deleted another 
node must be selected as the default stable node subject to change by client 212 

£J?2iJ!Sr adeleti ° ni s b e«ng made, walker routines 222 can be called with the node IDs of the node being deleted 
?™ 1 27* T 68 ^* Wl " remai " in the free bei " 9 mapped after deletion " Th 15 Nestor can be found by waS 
ZZSEL eve"nt " *" * th3t te "* *** deleted bv *• ™* 

S SSSSi MS Ca !' Wa ' ke : r ° Uti , neS 222 teSt Whether the node bein 9 de 'eted is the previous starting 
node. If so. the identified ancestor can be selected to replace it as the starting node. If the ancestor has been recently 
mapped to a position that is displayed and that is available, that position can be sdected as the starting poXn S 
ancestor has not been recently mapped, or was mapped to a position that is not displayed or thatl not avai aWe 
mn^T !, L 6 haS nOW b6en mapped there " the startin 9 position can ^ the center of the unit disk 
££2L ^n^K 33 °^ ,ient 21 2 could ca " walker routines 222 with the stable node ID and position. Walker routines 
222 can respond by perform.ng an an.mation loop to present a sequence of representations in which first deleted 

ISfSSp n^^L .H* ! h S r Pr6Vi0US P ° Siti0n5, and then inSerted nodes are ex P and8d at ^eir new positions, all while 
the stable node is held at .ts prev.ous position. If the stable node cannot be held at its previous position because it was 

Tk I" COntracted me P^io^ starting node at the previous starting position, resulting in a sud- 

a ^n ^l TT*T aCl ' 0n ^ eXPanSi0a Wa ' ker r0UtineS 222 be 9 in * settin S "P a sequence of weights to 
govern the rate at wh.ch the area allocated to each affected node changes during contraction and expansion The 
we.ghts are separated by sufficiently small increments to preserve object constancy during animation 
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[0079] Walker routines 222 then perform an iteration of the animation loop for each weight in the sequence, as indi- 
cated in box 332 In box 334, walker routines 222 could first lay out in the hyperbolic plane the affected nodes and any 
pending edits of the tree, using the iteration's weight. Then, in box 336, walker routines 222 could map the tree into the 
unit disk, beginning with the stable node and position, as described above in relation to box 314. 
ro080] When the tree has been mapped, painter routines 224 can be called in box 338 to paint the mapped tree in a 
display buffer. During painting, painter routines 224 can mark new edits that occur in the tree as a result of node creation 
as described above in relation to boxes 316 and 328. When painting is completed, a swap of display buffers can be per- 
formed to present the tree as painted, thus providing a representation of the graph. 

rOOSH Whether there are pending edits or not. a series of iterations of the animation loop beginning in box 332 pro- 
duces representations of a dynamic node-link structure because of the deletions and/or insertions. In addition affected 
elements move to new positions from their positions prior to the deletions and insertions. The technique has been suc- 
cessfully implemented to produce object constancy during these movements. 

[0082] After a representation is provided in box 31 6 or after an animation sequence is completed in box 322 or 332. 
another event can be received in box 302, as indicated by the circles labeled "A" in Fig. 5. 

C.3. Layout 

[0083] Fig. 6 shows how layout can be initially performed in box 300 in Fig. 5. Fig. 7 shows how layout of a changed 
node-link structure can be performed in boxes 31 2. 324. and 334. 

[0084] As shown in box 350. walker routines 222 begin initial layout by obtaining the root node ID and using it to 
access data relating to the root node in directed graph data structure 232. In box 352, walker routines 222 lay out the 
root node by making a call to math routines 226 with an angle width. This could be any suitable angle hat produces a 
desirable result. The angles 2p and p/2 have been successfully used, with 2p appropriate for a center layout style and 
with p/2 appropriate for a top. bottom, right, or left layout style. An interface could also be provided to modify th.s angle 

to obtain desirable results. ... » _r * n\ +^ 

[0085] In response, math routines 226 lay out the root node at the origin of the unit circle, at coordinates (0. 0). with 
an upward orientation, at coordinates (0. 1); and with an angle half the angle width. Then, walker routines 222 push the 
root node ID onto the front of a queue in box 354. H «finoH hv, 

[0086] In the remainder of Fig. 6. walker routines 222 iteratively traverse a set of elements of the tree defined by 
directed graph data structure 232, until the queue is empty, as indicated in box 360. Each iteration begins by getting £e 
node ID from the back of the queue and using it to access data relating to the identified node in directed graph data 

ro087] re ^each iteration, the test in box 370 determines whether the node has already been walked in this traversal, 
f not in box 372. walker routines 222 mark the node walked; get the node IDs of the children; identify wh,ch of the chrt- 
dren are nonexpanded leaves, i.e. leaf nodes with no expanded incoming links; obtain the number of the children that 
are in the visible tree, as explained below; and call math routines 226 with the number N of children of the node that are 
in the visible tree to obtain arrays of angles and radii for the children in the visible tree, also expla.ned below. 
[0088] For the operations in box 372, the number of children in the visible tree N, which is a type o nearby retetionship 
data can be calculated in either of two ways: If the current traversal is part of a sequence of steps that add nodes. N is 
equal to the sum of the number of children prior to the traversal plus the number of children being added. If the current 
traversal is part of a sequence of steps that remove nodes. N is simply equal to the number of children prior to the 

The arrays of angles and radii can be obtained in box 372 in a variety of ways. In one successful ii^lementa- 
tion, each radius is set to the value0.7, while each angle is set to the smaller of «N*/18) and *. Thus, for M<18, a nodes 
angle will depend on the number of its children that are in the visible tree. 
f00901 Then in box 374, walker routines 222 call math routines 226 to lay out the children. 
0091 Two general principles of layout are applied in implementing box 374: First, spacing and angle between nodes 
are determined based only on information about nearby elements in the tree, i.e. nearby relationship data; and, second 
the layout information obtained for each node indicates the relative position of a node to its parent in such a way that 
the position of a node and all its children can be shifted by a small change in the data structure. 
[0092] A general strategy that can be followed is to start with a child's radius and angle from box 372 obtain approx- 
imate distances the child needs, use the approximate distances to obtain a distance from the parent, then use the . dis- 
tance fTom the parent to obtain more precise distances for the child, and then o^ 

to obtain even more precise distances, and so forth. 

0l££ ^cording to the genera, strategy, if a child has radius R and angle 6 from box 372, the approbate dances 
D 1 and D2 can be calculated as sinh(R) and tan(e/4) , respectively. D 1 and D2 can be used to obtain a ti*a distance 
' DT for all the children, where each adjacent pair of children are separated by the greater of the > sums ; of their D1s and 
D2s Je DT= S(max (D1(i) + D1(i + 1), D2(i) + D2(i + 1)) + max(D1(1), D2(1)) + max (D1(N). D2(N)) . where the summa- 
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fen runs from i=1 to N-1 , with N the number of children for which liyout is'being performed. If the parent has an avail- 
able angle co, the distance DP from the parent can then be calculated as asinh(DT/co) . The TchTdren can ^en be 

s [0094] DP can then be used to obtain more accurate distances for the children, as follows: 

DV=sinh(DP)asin(sinh(R)/sinh(DP)); 
D2'=2sinh(DP)atan(tan(e/4)/e DP ). 

hL^ Z \ T then be US6d tD ° btain 3 more accurate distance DP ' to the Parent, as above and so forth until a 
tSSonS^^ 

is in?hf Ln^ 6 r hat , diStenC6S described above are expressed in true metrics in the hyperbolic plane A distance D 
nnop, hyP f* 0l,C plane »"«ponds to a vector in the unit circle starting at the origin and going a distance tan^SS 

f ne H a L Stra If 9y thUS ° btainS ' ay0ut in,ormation ° nl * ° n "ea*y nlSSX^S^S^ a 
SaSSS'r 1 " 95 ' T^" 9 inf ° rmati0n ab ° Ut 3 Sib,in 9" s chi,dren in *» visible tree" a £2£ above 
Lnn in 2 ? 6 9eneral Strat69y 0btains ,ay0Lrt '"formation indicating the distance from a child to its narenl 

and an angle representing the difference in orientation between them P 

20 bTuses SCSS2^2 ,e 5 im t P T 6nted SOftWare th3t 9 ° eS thrOU9h the chi,dren «"< loops, 
out uses the first distance obtained without attempting to obtain more precise distances in the manner described above 

in rela ion to the general strategy. The first .oop obtains and temporarily saves separations be^een aSS c^n 
tole ntlnf ** ^ ^ 3 Separation - ™ 'information is tJSZKS,^ 

,s ra^rr h^oS ? ^ 0btainS and S3VeS re,ative orientation and ar * a - each child 

£P? , w t^' 6 ,m P ,ementatlon . » a child has radius R and angle e from box 372 distances D1 and D2 are 
calculated as set forth abovein relation to the general strategy. D1 and D2 for each child are adde7to D1 and 02*5 

ex^eX'etst 1°^"^ ^1^°" ST * inCreaSed by the ™^™££SF££. 
2 f ?h J h w Jf ' Wren ' f ° r Wh,Ch ST is increased the maxirnum of the child's D1 and D2 

so the ch Id' £ ar^f! thr ate H ha w itS ?' 81 iS S8Ved 85 the *** separation > 01 is as the size of 

mum o n o ' , ^ T* subsea - ue,1t childre ". previous child's slice size is adjusted to be the m1n° 

™ ° " , S ? 5,26 T d 118 S1 • Conve rsely. ■ child's 81 is not greater than its S2, S2 is saveJ aslhe chTld s 

kJ * J ! n ' mum ° f ,tS previ0US slice size and ite S2 - T he last child's slice size, however is adjusted 

3* ulOO u'ZZ L n SMCe SiZ6 ^ the maXimUm ° f itS 01 and D2 ' thus ccn^^!SSi^ 

glter of SfflS^P^' fr ° m 1,16 " the Unft diSk 030 then ^ calculated alTe 
rftiniT " to ^™(™q>y2) or 0.5. DP is saved as part of the data relevant to the parent node 

th!^ f ? ( ? V h3S been ^ mt0 a wed 9 e and an an 3 |e that is half of the wedge InsideAnole takes as 
the operative w angle the smaller of the starting angle and («-«) where e may hawe a very small v£ SaTo^uS^h« 

oTTS??^.* 8 ~ C ' r< : ,e u t0 * he ° ri9ia ,nsideAn 9 ,e ^en applies this transformation to the complex^ n*es 

[0104] Before saving the child's new angle, math routines 226 save the child's previous angle If the absolute value of 

' 5 Snm.IlS!^^ S f ^ it6ratiVe ' 00P ° btainS 3 Chi,d ' s area or side SDace b V filing a function similar to the function 
IrZZTfr, ♦ C ° I 7 aPd 68 ° f U - S - Patent 5 ' 590 ' 250 - ™» **** ^ferred to herein as -SoomSS£3? 

S^ns Tdistence^he 2" u^T? "* 3 a " d a " an9 ' e * that is ha » of 106 wed ^- ^IvaHab,e 

returns a distance to the edgeof the wedge that is calculated byfirst obtaining the ratio (1-D 2 )/2D , and by then dividing 
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the ratio by sinF to obtain an initial distance S. RoomsAvailable then returns the distance ((S -1) -S) . To obtain a 
child's area. RoomAvailable is called with the same distance and angle that were used in calling InsideAngle. -as 
described above. The distance returned by RoomAvailable is saved as a measure of the child's area. 
[0106] Although the software implementation described above can save additional data, it is based on the discovery 
s that only two items of data need to be stored for each node in order to be able to perform layout and mapping as 
described herein. One item indicates a distance or position displacement from the node to its children nodes in the 
hyperbolic plane. The other is an angle displacement in the hyperbolic plane between the extension of the incoming link 
to the node's parent and outgoing link from the parent to the node. These two items of data, or a handle that can be 
used to access them, can be included in a link's data item in a directed graph data structure. 
10 [0107] The test in box 380 applies an appropriate criterion to determine whether to continue layout to the next gener- 
ation of nodes. As noted above in relation to box 374, the criterion can be whether any child node's angle has been 
modified by more than a small angular difference, such as 0.00001 . If so. layout should continue. 
[0108] In box 382 walker routines 222 push the ID of each child node that is expanded or not a leaf onto the front ot 
the queue Other child nodes could be marked walked in box 382, since they do not have children that will be laid out. 
is When box 382 is completed or if the test in box 380 determines not to continue or the test in box 370 determines that 
the node is already walked, the back node on the queue is popped, in box 384. before returning to box 360. 
[0109] Fig 7 illustrates how layout of a changed node-link structure can be performed in boxes 312. 324. and 334 in 
Fig 5 In each case, layout begins in response to a call that leads to layout and mapping, as shown in box 40.0. As illus- 
trated by the branch in box 402. however, the manner in which layout is performed depends on the type of change being 
20 made in the node-link structure. 

[011 0] If the change is a change in orientation of the root node in response to an orientation event, walker routines 
222 can call math routines 226 to lay out the root node at the new orientation before mapping and painting, in box 404. 
The root node can be laid out as described above in relation to box 352 in Fig. 6. but with the new orientation. The new 
orientation will then be used in mapping, changing the orientation of the representation. 
25 [01 1 1 ] If the change is a non-animated edit, as could occur in response to a stretch event, a drag event, a bookmark 
event or a click event if edits are pending, walker routines 222 first set up a list of remove edits, in box 410. and then 
lay out the remove edits before mapping and painting, in box 412. Then, walker routines 222 set up a list of add edrts. 
in box 414, and then lay out the add edits before mapping and painting, in box 416. 

[0112] In the current implementation, the lists of edits are set up based on edit source lists that are maintained by 
30 various routines in memory 21 4, including grapher routines 220 and painter routines 224. Also, the current implemen- 
tation relates to a tree defined by expanded links. One pair of edit source lists, designated "CollapsedLinks and 
"ExpandedLinks" herein, includes edits for links selected by contract requests and expand requests, respectively, and 
can therefore be set up in box 330 in Fig 5. The other pair, designated "RemovedLinks" and "AddedLinks herein, 
includes edits for links that are deleted and inserted, respectively. Multiple copies of the edit source lists may exist for 

35 [01 1?]" ™T°istof remove edits set up in box 41 0 is based on RemovedLinks. while the list of add edits set up in box 
414 is based on AddedLinks. In setting up a list in box 410 or 41 4. walker routines 222 access each edrt in the appro- 
priate edit source list, and use the edit to obtain appropriate entries for the list being set up. In each case, an edrt in the 
edit source list is used to obtain a node ID of the child node of the edits link and an edit identifier indicating the type of 

40 edit being performed. . 

[0114] A parent of the child node is added to the back of a list of affected nodes unless .t is already on the list. The 
parent is the child node's expanded parent node or. if none of its parent nodes are currently expanded, its first parent 
node. If an edit from an edit source list relates to a child node that does not have a parent, it must relate to the root, and 
the root node is therefore put on the back of the list of affected nodes in that case. 

45 [01 1 5] At the end of the iteration for a link from a source edit list, the links child node is also added to a list of children 
nodes before accessing the next edit in the appropriate edit source list for use in the next iteration. In this way, an iter- 
ation is performed for each edit on the edit source list until all edits have been handled to complete the lists of affected 

nodes and children nodes. . 
[01 1 61 Then in box 41 2 or 41 6. the edits are laid out using the lists, following a sequence similar to that in boxes 354 
through 382 of Fig. 6 for each node in the list of affected nodes, pushing the node from the list rather than the root node 
onto the front of the queue and making several changes in box 372 as follows: In addition to identifying which children 
are nonexpanded leaves, layout in boxes 412 and 416 determines whether each child is on the list of children nodes. If 
so layout multiplies the angle and radius for the child by a weight. In box 41 2. the weight is zero, so that the chiW is laid 
out in box 374 at approximately its previous position with an angle and radius of zero, and thus disappears. In box 41 6. 
the weight is one, so that the child is laid out in box 374 at its new position with its full angle and radius. 
[01 1 7] The operations in boxes 410 through 41 6 could also be implemented within an animation sequence, in which 
case remove edits could be handled during an initial part of the animation sequence and add edits could be handled 
during a subsequent part of the sequence. If on the other hand the non-animated edits result primarily from node cre- 
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eSs couiXT^ln 8 deSC L ib f *?? in re,ati ° n ,0 F ' g - 5 - the may «* be add and currently pending-. 
edits could be handled in each step of the animation sequence. Hwiu.ua- 

[0118] If the change is an animated edit, as could occur in response to an insert/delete event such as a reauest to 

E£S ^JT 6nt ' W3,ker r0Utines 222 ,irst obtain the numbers °< cements to be emoved aS added 

based on the source ed.t hsts. in box 420. The number to be removed can be obtained by adding the numbed oTele 

21 ^ T RemovedLinte - whila the number to be added can be obtained S^ngZTm^oi 
e ements m ExpandedL-nks and AddedLinks. Then, in box 422, walker routines 222 allocate the avS Son 
steps between removing steps and adding steps, and also set up lists of remove edits arxlTdd ^somewhaTas in 
boxes 410 and 414 in F,g. 6. A simple allocation of animation steps is half removing steps and hS addTsteos St if 

™ 9 are ti e r r oved - i the stsps can be adding steps ' and vice ™« •» ^ Sb?si? 

[0119] In setting up lists of remove ed.ts and add edits in box 422, walker routines 222 can perform as descrfced 
above jn relation to boxes 410 and 414 unless there are collapsed or expanded nodes. In thVJ^£££22 

szz <T es ^ e no J e itse,, • in addition to its m is pushed ont ° the back ° f *• ■« of i^££%z?£ 

chridren of the node, rather than the node itself, are added to the list of children nodes. In other wr* StoSi el 
expandmg , can be thought of as affecting two generations of nodes, unlike other operations that !nj^£^3£ 

EST Z 21? T s Z '? te of affected and chiWren nodes - one pair for ramove «* *<« ™5Z2£T 

Knn LSn^T ST ^ ^ no6eS then performed * the loop that begins with box 430. with a wSght 

be.ng obtained with the remove edits being laid out with the weight, and with mapping and painting of ^ animS 
frame, in box 432. Similarly, the animation steps that add nodes are then performed in the loop that begins wrth box iS) 
wrth a we,ght being obtained, with the add edits being laid out with the weight, and with mapping and EJof ant£ 
mation frame ,n box 442. By removing nodes before adding nodes, the situation is prevented whereTe same n^e 

Tnl aB TJ n P i aC6S 3 Sin9le ,rame By Perf ° rmina a final ^th the weight zero after Sn^SaTS 
another w,th the we,ght one after adding nodes, the technique can ensure that the final weight is zeTo Tone^pec 

[0121] A weight can be obtained in box 432 by subtracting the current remove animation step number from the 
number of remove animation steps, then dividing the difference by the number of remove anLS Seps so Z Te 
weights go from one to zero during a series of remove animation steps. Similarly, a weight can be S E£?£j 

S £5 1 0 " 6 t0 h ^ C ^ rent 3dd animati ° n *P number ' then dividi "9 sum by the number of aS ^matoll 

t^? ^ 90 fr u m a P Droximate| y 2er ° to one during a series of add animation steps. 
V ~} . !, " Umber ° f animat 'O n steps, coupled with the animation speed, helps influence the oercention of 

thettaTnumbeT tt" T*!T " ^ ^ **» deSCri P«° n -^SSJS ETSSl? 

the total number of animation steps determines the rate at which a removed or added element's area chanaes thus 
indirect determining the rate at which other elements must move in relation to the area of £^^^22,2 
mart. A larger number of ammation steps, appropriately allocated between removing steps and adding steps TmoTe 
r«fi y „° ^? duce ob ' ect constancy, provided a sufficient animation speed is maintained P 
inJS h? 6 teChn,q "?, ° f R9 - 7> Whe " P erformed w « h an appropriate number of animation steps and at an appropriate 
P h 'k ( .! U ^ eS ! fUlly Pr ° dUCed the P erce Ption of a set of nodes contracting and expanding sbmewJaU^e a fan 

2 9nd Z**Z*- By adjUSti " 9 th6 radK and an 9 ,es tha t ™ Signed to the nodes dIrX j£ 
can be obtamed such as that deleted nodes are drawn into their parent or are squeezed off to infinity ImKES 
nodes grow out of their parent or are pulled in from infinity. When only one of a group of children is ddeteS tS^SH 
to be squeezed off to nfinity. but if all of the children are deleted as a group, as ?n contraction Z mSS^SSiSSZ 

™Men£7l«^* Wh6n °" e Chi ' d iS add6d ,0 a9r ° UP - B C3n appearto be P ul,ed in fromiStXTa!. o7me 
chHdren areinserted as a group, as in expansion, all can appear to grow out of their parent. Further grandchildren can 
be squeezed off to infmrty while children are drawn into their parent, with the rates adjusted so thai SaoSlSSI 
appear stable and only the children appear to move. granocmidren 



C. 4: Variations 



S p£ ^ T ? S ' m " ar *° described has been successfully executed on processors of IBM com- 
m££ a ' ; mple ™ ntat,ons ™* executed on other machines with any appropriate processors 
[0125] An .mplementation similar to that described above has been successfully executed using C++ in 32-bit Win- 
dows env,ronments. but other programming languages and environments could be used, including non^bict ol^ 
environrnents. and other platforms could be used, such as Lisp, a Unix environment. ANSI C ^PaTa? art so forth 
I 2 ■ I? mentat '° n Sim " ar *° described above has been successfully executed with ncdelk tiafa pre- 
luSew X f ML - C0 " ip ; a r t f ° rmat ^ 80 ex P erime "ta. format, but the invention could be imp"ememed wS S 
SSS ^a SLork ** ° r d/namiC> 3nd aCC6SSib,e in any ^ • •«* a ^n rTmo?y 

[0127] An implementation similar to that described above has been implemented with each iteration preparing and 
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presenting one representation or an animated series of representations of a graph in response to a navigation signal, 
but the invention could be implemented with other types of iterations invoked by other types of signals or calls.- - - 
[0128] An implementation similar to that described above has been successfully executed with navigation signals 
received from a keyboard and mouse and relating to a displayed representation or animated series of representations 
of a node-link structure. The invention could, however, be implemented with or without navigation signals; for example, 
elements could be moved around in response to different sortings of the children of a node or in response to the appli- 
cation of different filters to elements of a structure. Also, the invention could be implemented with any appropriate type 
of expand and contract signals or other navigation signals, including signals resulting from external queries, selection 
of a menu entry-like item requesting expansion below an indicated node or link, or selection of a menu entry-like item 
requesting expansion below the current focus. The navigation signals could instead relate to an illusory space like those 
produced by videogames or virtual reality environments or a presentation space other than a display and navigation sig- 
nals could instead be produced by any appropriate user input device, including other kinds of pointing devices and other 
kinds of devices for receiving alphanumeric or linguistic input such as voice, gestures, or other modes of user input. Fur- 
ther, the invention could be implemented with other types of representations of node-link structures. The invention could 
be implemented without animation or with any appropriate animation techniques. 

[0129] The implementation described above obtains nearby relationship data relating to relationships among a par- 
ent, its children, and its grandchildren, but the invention could be implemented to obtain nearby relationship data relat- 
ing to a different set of nearby node-link relationships, such as relationships that include more distant relatives of an 
element being laid out, whether additional generations above or below the element or additional lateral relatives. For 
example, grandparents of the element being laid out could be considered. ^ 

[0130] The implementation described above obtains layout data indicating, for a node, a position displacement and 
an angle displacement from its parent. The invention could, however, be implemented to obtain layout data for links, 
rather than or in addition to nodes. Further, the invention could be implemented to obtain layout data indicating relative 
position in any other appropriate way and indicating additional information. 

[0131] The implementation described above obtains counts of grandchildren of an element's parent, and then uses 
the counts to obtain angles and radii of the parent's children, which in turn are used to obtain a position displacement 
and an angle displacement. The implementation performs specific computations as described above. The invention 
could be implemented to obtain nearby relationship data and layout data in any other appropriate way. For example, 
each child of a parent could have a weighting and the relative weightings of the children could be used to determine the 
space occupied by each child or to determine proportional distances from the children to the parent. Also, information 
about the available area around a node could be taken into account by obtaining a layout with the least overlap in areas. 
Layout results could be cached to minimize repetitive computation. 

[0132] In the implementation described above, a node-link structure laid out in the hyperbolic plane is then mapped 
into the unit disk and then painted, but a node-link structure laid out in accordance with the invention could be laid out 
in any other appropriate negatively curved space, and then be handled in any other appropriate way, with or without 
mapping, or mapped and presented in any other appropriate way, including mapping it into any other appropriate ren- 
dering space and presenting it in any other appropriate display space, including three-dimensional rendering and dis- 
play spaces. 

[0133] The implementation described above determines whether to lay out a node's children by comparing an angle 
displacement obtained for the node with a previous angle displacement, but the invention could be implemented by lay- 
ing out all descendants of each laid out node or by applying any other suitable criterion to determine which elements to 
lay out. 

[0134] The implementation described above is suitable for laying out elements of a tree. The invention could be used 
to lay out elements of other types of node-link structures, such as graphs in general. 

[0135] The implementation described above uses node-link data that include expansion flags of links to define a tree 
within a graph with memory management but the invention could be implemented with a node-link structure defined in 
any other appropriate way, and loaded into memory in any appropriate way. 

[0136] The implementation described above employs a directed graph data structure in which a link is represented 
as an item in two linked lists, one for the outgoing links from its f rom-node and one for the incoming links to its to-node. 
Any other suitable data structure could be employed. 

[0137] The implementation described above can handle directed graphs, including cyclic directed graphs, but the 
invention could be implemented for other types of graphs by converting other types of links to appropriate combinations 
of directed links or by otherwise providing a protocol for mapping the structure of a graph to a tree. For example, an 
undirected link between two nodes could be converted to a pair of directed links between the same nodes or could be 
assigned a direction based on an appropriate criterion. In general, a representation in which all undirected links have 
been converted to a pair of directed links is likely to be visually confusing, because each pair of directed links results in 
a cycle, but this confusing might be overcome by presenting cycles in another way. 

[0138] In the implementation described above, acts are performed in an order that could in many cases be modified. 
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For example, a depth-first walk rather than a breadth-first walk could be performed in Fig. 6. 

[0139] Also, in the implementation described above, several software portions are distinguished, such as grapher- 
walker, painter, and math routines and the client, but the invention could be implemented with other combinations of 
hardware and software and with software organized in any appropriate way. 

D. Applications 

[0140] The invention has been applied in providing an interactive browser of node-link structures. The invention could 
be applied in a variety of contexts in which node-link structures are laid out for visualization. In particular, the invention 
could be applied in visualizing web-related structures such as the structure formed by a cached set of web pages or 
other web objects. 

[0141] More generally, the invention could be applied to provide a browser for organization charts, file system hierar- 
chies, hypertext hierarchies, world wide web connectivity structures, parts breakdowns, SGML structures, or any other 
large node-link structures. The browser could be used in editing structures or their contents. 

E. Miscellaneous 

[0142] The invention has been described in relation to software implementations, but the invention might be imple- 
mented with specialized hardware. 

[0143] According to a preferred embodiment of the method of laying out the node-link structure, the nearby node-link 
relationships include only relationships among the parent and the parent's children and grandchildren. 
[0144] Preferably the method is performed in each of a series of iterations, each iteration comprising identifying ele- 
ments to be laid out in the iteration and performing the acts of obtaining nearby relationship data and obtaining layout 
data for each of the identified elements. 

[0145] Advantageously, the series of iterations is performed in response to an event requesting an insertion or dele- 
tion, the identified elements including elements affected by the insertion or deletion. 

[0146] Preferably, the method comprises, before the series of iterations, obtaining a weight for each iteration, each 
iteration comprising using the weight in performing the act of obtaining layout data. 

[0147] Advantageously, identified elements include elements added to the structure during a preceding iteration. 
Claims 

1 . A method of lying out a node-link structure in a space with negative curvature; the method comprising: 

obtaining nearby relationship data for an element in the structure; the nearby relationship data indicating infor- 
mation about nearby node-link relationships; and 

based on the nearby relationship data, obtaining layout data indicating the element's position relative to a par- 
ent in the space with negative curvature. 

2. A method as in claim 1 in which the space with negative curvature is a hyperbolic plane. 

3. A method as in claim 1 in which the element and the parent are nodes and in which the layout data include position 
displacement data indicating a distance between the parent's position and the element's position and angle dis- 
placement data indicating an angular difference between an incoming link to the parent and an outgoing link from 
the parent to the element. 

4. A method as in claim 3 in which the layout data include only the position displacement data and the angle displace- 
ment data. 

5. A method as in claim 1 in which the act of obtaining the nearby relationship data comprises: 

for each of a set of children of the parent, obtaining a count of grandchildren; the element being one of the set 
of children. 

6.. A method as in claim 5 in which the act of obtaining layout data comprising: 

using the counts of grandchildren to obtain, for each of the set of children, a radius and an angle; and 
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using the radii and angles for the set of children to obtain a position displacement and an angle displacement 
between the parent and the element. — - 

7. A method as in claim 6 in which the element has a previous angle displacement; the method further comprising 
comparing the obtained angle displacement with the previous angle displacement to determine whether to lay out 
children of the element. 

8. A system comprising: 

a processor for laying out a node-link structure in a space with negative curvature; the processor, in laying out 
the node-link structure: 

obtaining nearby relationship data for an element in the structure; the nearby relationship data indicating infor- 
mation about nearby node-link relationships; and 

based on the nearby relationship data, obtaining layout data indicating the element's position relative to a par- 
ent in the space with negative curvature. 

9. An article of manufacture for use in a system that includes: 

a storage medium access device; and 

a processor connected for receiving data accessed on a storage medium by the storage medium access 
device; 

the article of manufacture comprising: 
a storage medium; and 

instruction data stored by the storage medium; the instruction data indicating instructions the processor can 
execute; the processor, in executing the instructions, laying out a node-link structure in a space with negative 
curvature; the processor, in laying out the node-link structure: 

obtaining nearby relationship data for an element in the structure; the nearby relationship data indicating infor- 
mation about nearby node-link relationships; and 

based on the nearby relationship data, obtaining layout data indicating the element's position relative to a par- 
ent in the space with negative curvature. 

10. A method of transferring data between first and second machines over a network, the second machine including 
memory and a processor connected for accessing the memory; the memory being for storing instruction data; the 
method comprising: 

establishing a connection between the first and second machines over the network; and 

operating the first and second machines to transfer instruction data from the first machine to the memory of the 
second machine; the instruction data indicating instructions the processor can execute; the processor, in exe- 
cuting the instructions, layingout a node-link structure in a space with negative curvature; the processor, in lay- 
ing out the node-link structure: 

obtaining nearby relationship data for an element in the structure; the nearby relationship data indicating infor- 
mation about nearby node-link relationships; and 

based on the nearby relationship data, obtaining layout data indicating the element's position relative to a par- 
ent in the space with negative curvature. 
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